import React from "react";
const FunTest = function (){
  let num = 0;
  return <div>
    <p style={{color:'red'}}>{num}</p>
    <button onClick={()=>{num++}} style={{color:'red'}}>点击改变num</button>
    {/* 此写法只能改num的值，不能改页面的值，组件不会更新 */}

  </div>
}
export default FunTest
/*
函数组件是静态组件：
1.不具备状态、生命周期、ref等内容
2.第一次渲染完毕，除非父组件控制其重新渲染，否则内容不会再更新
3.优势：渲染速度块
4.弊端：静态组件，无法实现组件动态更新 (hooks函数可让组件实现动态更新)
*/

